<template>
  <div class="app-container home">
    <el-card class="box-card">
      <div slot="header" class="clearfix" style="text-align: center">
        <span style="font-size: 20px">系 统 公 告</span>
      </div>
      <div class="text item">
        <el-collapse v-for="notice in noticeList">
          <el-collapse-item :title="notice.noticeTitle" :key="notice.noticeId">
            {{ notice.noticeContent }}
          </el-collapse-item>
        </el-collapse>
      </div>
    </el-card>
  </div>
</template>

<script>
  import {getNotice} from "@/api/index";

  export default {
    name: "Index",
    data() {
      return {
        // 遮罩层
        loading: true,
        queryParams: {
          pageNum: 1,
          pageSize: 10,
        },
        noticeList: [],
      }
    },
    created() {
      this.getList();
    },
    methods: {
      getList() {
        this.loading = true;
        getNotice(this.queryParams).then(response => {
          this.noticeList = response.rows;
          this.total = response.total;
          this.loading = false;
        });
      }
    },


  };
</script>

<style scoped lang="scss">
  .home {
    blockquote {
      padding: 10px 20px;
      margin: 0 0 20px;
      font-size: 17.5px;
      border-left: 5px solid #eee;
    }
  }

  .other {
    display: flex;
  }
</style>

